<template>
  <div class="type_7-outer">
    <ul class="flex" :class="{odd:list.length%2!=0}">
      <li v-for="row in list">
        <img ref="img" :src="row.head_img" :alt="row.title" draggable="false">
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "type_7",
  props: ['title','list','config','model_id','table_name','href'],
  data(){
    return {}
  },
  methods: {},
  computed: {
    config_data(){
      try {
        return this.config ? JSON.parse(this.config) : {};
      } catch (e) {
        return {};
      }
    },
  },
  mounted(){
    let app = this;
    //渲染完成执行
  }
}
</script>

<style scoped>
.type_7-outer{padding: 4px}
.type_7-outer>ul{flex-wrap: wrap;}
.type_7-outer>ul>li{padding: 2px;width: 50%;height: 120px;}
.type_7-outer>ul>li>img{width: 100%;height: 100%;border-radius: 8px;object-fit: cover;}
.type_7-outer>ul.odd>li:first-child{width: 100%;height: auto;}
</style>